<div
class="con-c"
style="width: 1000px; display: flex; justify-content: center"
ref="engine"
>
<div class="leftEngine">
  <Gauge
    :value="allData?.left_main?.z101.currentValue"
    :min="0"
    :max="1000"
    :text="$t('index.hostTachometer')"
  ></Gauge>
  <Gauge
    :value="HEXtoDEC(allData?.left_main?.z102.currentValue)"
    :min="-300"
    :max="300"
    :text="$t('index.tailshaftTachometer')"
  ></Gauge>
</div>
<!-- 左机 -->
<div class="enginebj" @click="routerPush('/equipment/main/left')">
  <!-- 排气温度 -->
  <CardBoxPointLayout :top="82" :left="140" :gutterY="11">
    <template #default="{ gutterX, gutterY }">
      <CardBoxPoint
        v-for="(item, idx) in [
          allData?.left_main?.z149?.state,
          allData?.left_main?.z150?.state,
          allData?.left_main?.z151?.state,
          allData?.left_main?.z152?.state,
          allData?.left_main?.z153?.state,
          allData?.left_main?.z154?.state,
        ]"
        :position="false"
        :judg-ment="true"
        :color-id="item"
        :gutterY="gutterY"
      ></CardBoxPoint>
    </template>
  </CardBoxPointLayout>

  <!-- 轴承温度 -->
  <CardBoxPointLayout :top="90" :left="183" :gutterY="6">
    <template #default="{ gutterX, gutterY }">
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z141?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z142?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z143?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z144?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z145?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z146?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.left_main?.z147?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
    </template>
  </CardBoxPointLayout>
  <!-- 正倒 -->

  <!-- <CardBoxPoint
    :judg-ment="true"
    text="正"
    :text-style="{ marginRight: '5px' }"
    :color-id="
      hostRunningStatus(
        1,
        allData.left_main?.z131?.currentValue,
        allData.left_main?.z132?.currentValue
      )
    "
    top="510"
    left="115"
  ></CardBoxPoint>
  <CardBoxPoint
    :judg-ment="true"
    text="倒"
    :text-style="{ marginRight: '5px' }"
    :color-id="
      hostRunningStatus(
        0,
        allData.left_main?.z131?.currentValue,
        allData.left_main?.z132?.currentValue
      )
    "
    top="540"
    left="115"
  ></CardBoxPoint> -->
  <!-- 滑油温度 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id="allData?.left_main?.z129?.state"
    top="93"
    left="85"
  ></CardBoxPoint>
  <!-- 滑油压力 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id="allData?.left_main?.z130?.state"
    top="135"
    left="85"
  ></CardBoxPoint>
  <!-- 冷却水温度 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id="allData?.left_main?.z134?.state"
    top="179"
    left="85"
  ></CardBoxPoint>
  <!-- 冷却水压力 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id="allData?.left_main?.z118?.state"
    top="221"
    left="85"
  ></CardBoxPoint>
</div>
<!-- 右机 -->
<div class="enginebj" @click="routerPush('/equipment/main/right')">
  <!-- 排气温度 -->
  <CardBoxPointLayout :top="82" :left="140" :gutterY="11">
    <template #default="{ gutterY, gutterX }">
      <CardBoxPoint
        :position="false"
        :judg-ment="true"
        :color-id="allData?.right_main?.z249?.state"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :judg-ment="true"
        :color-id="allData?.right_main?.z250?.state"
        :position="false"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :judg-ment="true"
        :color-id="allData?.right_main?.z251?.state"
        :position="false"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :judg-ment="true"
        :color-id="allData?.right_main?.z252?.state"
        :position="false"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :judg-ment="true"
        :color-id="allData?.right_main?.z253?.state"
        :position="false"
        :gutterY="gutterY"
      ></CardBoxPoint>
      <CardBoxPoint
        :judg-ment="true"
        :color-id="allData?.right_main?.z254?.state"
        :position="false"
        :gutterY="gutterY"
      ></CardBoxPoint>
    </template>
  </CardBoxPointLayout>

  <!-- 轴承温度 -->
  <CardBoxPointLayout :top="90" :left="183" :gutterY="6">
    <template #default="{ gutterY, gutterX }">
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z241?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z242?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z243?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z244?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z245?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z246?.state"
      ></CardBoxPoint>
      <CardBoxPoint
        :position="false"
        :gutterY="gutterY"
        :judg-ment="true"
        :color-id="allData?.right_main?.z247?.state"
      ></CardBoxPoint>
    </template>
  </CardBoxPointLayout>
  <!-- 正倒 -->

  <!-- <CardBoxPoint
    :judg-ment="true"
    text="正"
    :text-style="{ marginRight: '5px' }"
    :color-id="
      hostRunningStatus(
        1,
        allData.right_main?.z231?.currentValue,
        allData.right_main?.z232?.currentValue
      )
    "
    top="510"
    left="115"
  ></CardBoxPoint>
  <CardBoxPoint
    :judg-ment="true"
    text="倒"
    :text-style="{ marginRight: '5px' }"
    :color-id="
      hostRunningStatus(
        0,
        allData.right_main?.z231?.currentValue,
        allData.right_main?.z232?.currentValue
      )
    "
    top="540"
    left="115"
  ></CardBoxPoint> -->
  <!-- 滑油温度 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id=""
    top="93"
    left="85"
  ></CardBoxPoint>
  <!-- 滑油压力 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id=""
    top="135"
    left="85"
  ></CardBoxPoint>
  <!-- 冷却水温度 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id=""
    top="179"
    left="85"
  ></CardBoxPoint>
  <!-- 冷却水压力 -->
  <CardBoxPoint
    :judg-ment="true"
    :color-id=""
    top="221"
    left="85"
  ></CardBoxPoint>
</div>
<div class="rightEngine" style="width: 250px">
  <Gauge
    :value="allData?.right_main?.z201.currentValue"
    :min="0"
    :max="1000"
    :text="$t('index.hostTachometer')"
  ></Gauge>
  <Gauge
    :value="HEXtoDEC(allData?.right_main?.z202.currentValue)"
    :min="-300"
    :max="300"
    :text="$t('index.tailshaftTachometer')"
  ></Gauge>
</div>
</div>


？？



<div class="con-r" style="display: flex; justify-content: space-between">
      <!-- <div style="width: 200px">
        <h4>{{ $t("index.alarmmbar") }}</h4>
        <statusBar></statusBar>
      </div> -->
      <!-- <div style="width: 280px">
        <div style="width: 280px; height: 200px">
          <video
            id="video"
            width="280"
            height="160"
            :ref="setVideoRefList"
            controls
            poster="@/assets/image/vv.png"
          ></video>
          <div style="display: flex">
            <el-input v-model="input[0]" placeholder="Please input" />
            <el-button type="primary" round @click="changeSingeVideo(0)"
              >播放</el-button
            >
          </div>
        </div>
        <div style="width: 280px; height: 200px">
          <video
            id="video"
            width="280"
            height="160"
            :ref="setVideoRefList"
            controls
            poster="@/assets/image/vv.png"
          ></video>
          <div style="display: flex">
            <el-input v-model="input[1]" placeholder="Please input" />
            <el-button type="primary" round @click="changeSingeVideo(1)"
              >播放</el-button
            >
          </div>
        </div>
        <div style="width: 280px; height: 200px">
          <video
            id="video"
            width="280"
            height="160"
            :ref="setVideoRefList"
            controls
            poster="@/assets/image/vv.png"
          ></video>
          <div style="display: flex">
            <el-input v-model="input[2]" placeholder="Please input" />
            <el-button type="primary" round @click="changeSingeVideo(2)"
              >播放</el-button
            >
          </div>
        </div>
        <div style="width: 280px; height: 200px">
          <video
            id="video"
            width="280"
            height="160"
            :ref="setVideoRefList"
            controls
            poster="@/assets/image/vv.png"
          ></video>
          <div style="display: flex">
            <el-input v-model="input[3]" placeholder="Please input" />
            <el-button type="primary" round @click="changeSingeVideo(3)"
              >播放</el-button
            >
          </div>
        </div>
      </div> -->
    </div>





航行{
  "route": {
    "fullPath": "/",
    "path": "/",
    "query": {},
    "hash": "",
    "name": "ContentPage",
    "params": {},
    "matched": [
      {
        "path": "/",
        "name": "Root",
        "meta": {},
        "props": {
          "default": false
        },
        "children": [
          {
            "path": "/error/404",
            "name": "ErrorPage404"
          },
          {
            "path": "/",
            "name": "ContentPage"
          },
          {
            "path": "/con1",
            "name": "ContentPage1",
            "props": true
          },
          {
            "path": "/con2",
            "name": "ContentPage2",
            "props": true
          }
        ],
        "instances": {},
        "leaveGuards": {
          "Set(0)": []
        },
        "updateGuards": {
          "Set(0)": []
        },
        "enterCallbacks": {},
        "components": {
          "default": {
            "__name": "tabLayout",
            "__hmrId": "aeed6543",
            "__scopeId": "data-v-aeed6543",
            "__file": "F:/pj/sy/check/vite-vue3/src/layout/tabLayout.vue"
          }
        }
      },
      {
        "path": "/",
        "name": "ContentPage",
        "meta": {},
        "props": {
          "default": false
        },
        "children": [],
        "instances": {},
        "leaveGuards": {
          "Set(0)": []
        },
        "updateGuards": {
          "Set(0)": []
        },
        "enterCallbacks": {},
        "components": {}
      }
    ],
    "meta": {},
    "href": "#/"
  },
  "href": "#/",
  "isActive": true,
  "isExactActive": false
} 